<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>视频播放</title>
</head>

<body class="page-play">
    <!-- 视频播放 -->
    <video class="player" id="player" controls muted width="414px"></video>
    <!-- 播放提示文字 -->
    <div class="info">
        <div class="process">
            <span id="curIndex">1</span> / <span id="totalLength">4</span>
        </div>
        <div class="title" id="title"></div>
    </div>
    <!-- 按钮 -->
    <div class="control df jcsb aic">
        <i class="pre iconfont icon-pre" id="pre"></i>
        <i class="pause iconfont icon-pause" id="pause"></i>
        <i class="pause iconfont icon-play" id="relay" style="display: none"></i>
        <i class="next iconfont icon-next" id="next"></i>
        <i class="progress" id="progress"></i>
    </div>

    <!-- 弹窗  -->
    <div class="popup" id="popup">
        <div class="mask">
            <p>放弃可以找一万个理由，坚持只需一个信念！</p>
            <!-- 文字盒子 -->
            <div class="textBox df">
                <img class="img" id="img" />
                <div class="title1" id="title1">
                    <span>当前:</span>
                    <div class="titText" id="titText"></div>
                </div>
            </div>
        </div>
        <div class="container df jcsb">
            <button id="continue" class="continue">
                <span class="iconfont icon-start"></span>
                <p>继续训练</p>
            </button>
            <button id="end" class="end">
                <span class="iconfont icon-end"></span>
                <p>结束训练</p>
            </button>
        </div>
    </div>
    <!-- 信息提示框 -->
    <div class="msg" id="msg"></div>
</body>

</html>